<template>
  <!--  <transition-->
  <!--    enter-active-class="animate__animated animate__fadeIn"-->
  <!--    leave-active-class="animate__animated animate__fadeOut"-->
  <!--  >-->
  <!--    <router-view />-->
  <!--  </transition>-->
  <router-view v-slot="{ Component }">
    <transition
      enter-active-class="animate__animated animate__fadeIn"
      leave-active-class="animate__animated animate__fadeOut"
    >
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({});
</script>
